<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
	Monochrome by Adonis Ronquillo for Free Website Templates
	www.freewebsitetemplat.es / www.doni.us
	Images by Image Base http://imagebase.davidniblack.com/
	Released under the Creative Commons Attribution 3.0 License.
-->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es-ES"
	  xmlns:og='http://opengraphprotocol.org/schema/'
	  xmlns:fb='http://www.facebook.com/2008/fbml'>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<title>OS Montajes</title>
		<meta name="description" content="OS MONTAJES es una empresa creada para dar apoyo y solución en el sistema de almacenaje a todo tipo de Empresas. Para cumplir con todos los requerimientos de nuestros clientes contamos con personal calificado en el área de logística e instalación de sistemas de almacenaje. Damos servicio a lo largo de todo Chile." />
		<meta name="keywords" content="os, montajes, almacenaje, empresas, estanderias, metalicas, tipo, mecano, rack, metalicos, productos, ventas, santa, victoria, chile, orlando, salvo, ranuradas, estanderías, mejor, personal, calificado" />
		<meta name="author" content="Orlando Salvo" />
		<meta name="subject" content="Montajes" />
		<meta name="classification" content="Empresa de ventas de montajes, mejor equipo calificado" />
		<meta name="geography" content="Chile" />
		<meta name="language" content="Castellano" />
		<meta http-equiv="expires" content="never" />
		<meta name="revisit-After" content="7" />
		<meta name="distribution" content="Global" />
		<meta name="robots" content="index,follow" />
		<meta name="country" content="Chile" />
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<!--Facebook Like Button OpenGraph Settings Start-->
		<meta property="og:site_name" content="OS Montajes"/>
		<meta property="og:title" content="OS Montajes - Empresa de ventas de montajes y sistemas de almacenajes"/>
		<meta property="og:description" content="OS MONTAJES es una empresa creada para dar apoyo y solución en el sistema de almacenaje a todo tipo de Empresas. Para cumplir con todos los requerimientos de nuestros clientes contamos con personal calificado en el área de logística e instalación de sistemas de almacenaje. Damos servicio a lo largo de todo Chile."/>
	
		<meta property="og:url" content="http://www.osmontajes.cl/"/>
		<meta property="fb:admins" content="HylianRed" />
		<meta property="fb:app_id" content="" />

		<meta property="og:type" content="montajes" />
		<!--Facebook Like Button OpenGraph Settings End-->
		<link href="http://fonts.googleapis.com/css?family=Coda+Caption" rel="stylesheet" type="text/css" />
		<link href="http://fonts.googleapis.com/css?family=Jura" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/style.slideshow.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery.lightbox-0.5.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
		<script type="text/javascript" src="js/script.slideshow.js"></script>
		<script type="text/javascript" src="js/jquery.carouFredSel-5.5.0.js"></script>
		<script type="text/javascript" src="../js/jquery.lightbox-0.5.js"></script>
		<script src="js/jquery-validation-1.9.0/jquery.validate.js" type="text/javascript"></script>
		<script type="text/javascript">

			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-29362413-1']);
			_gaq.push(['_trackPageview']);

			(function() {
				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
		</script>
		<script type="text/javascript">
			<?php if(isset($_POST['submit'])){
			// Varios destinatarios
				$para  = $_seccion['contacto']['mail'];;
			
			// subject
			$titulo = '[OS Montajes] Tienes un nuevo mensaje';

			// message
			$mensaje = '
				<html>
					<head>
						<title>Nuevo mensaje desde OS Montajes</title>
						<style type="text/css">							
							ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
							body { width:100%; background-color:#000; font:62.5% "century gothic"; letter-spacing:1; }
							textarea { font:"century gothic"; resize: none; } 
							.break { clear:both; }
							#header { height:600px; }
							.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }
							#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-color:#000; opacity:.9; }
							#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../images/lala.png"); background-position:top left; background-repeat:no-repeat; }
							#search { background-color:#051733; float:right; width:285px; padding:10px; }
							#searchtxt { padding:3px; width:150px; }
							#searchbtn { border:1px solid #eee !important; background-color:#000; color:#eee; padding:3px; margin-left:5px; }
							#menu { position:relative; top:85px; }
							#menu ul { list-style:none; }
							#menu ul li { display:inline; font-variant:small-caps; font-size:12px; }
							#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
							#menu ul li a:hover { text-decoration:underline; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#000; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#333; }

.pictured { background-color:#000; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }

/* CONTENT */
#content { color:#575757; background-color:#eee; }
#content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }

/*EDICIÓN PROPIA*/
#header_2 { height:150px; }

.type_site { color:white; }

#body { width:100%; margin:0 0 0 0; height:100px; padding:10px 0 10px 0; }
#body_2 { width:100%; height:100px; padding:10px 0 10px 0; }
#body .container,#body_2 .container{ padding-left:12%; }
#fondo{ background:url("http://osmontajes.cl/images/fondo.png") fixed no-repeat; }
#body img { float:left; }
#body .box { width:27%; float:left; margin:1px 20px 0 3px; box-shadow: 0px 0px 2px white; }
#body_2 .box_2 { width:85%; float:left; margin:1px 20px 0 3px; box-shadow: 0px 0px 5px white; }
#body .box .title{ font-size:17px; background:url("http://osmontajes.cl/images/btn2.png") repeat-x; color:white; padding: 12px 0 12px 10px; }
#body_2 .box_2 .title_2{ font-size:19px; background:url("http://osmontajes.cl/images/btn2.png") repeat-x; color:white; padding: 12px 0 12px 10px; }
#body .content { clear:both; padding:10px; color:white; text-align:justify; }
#body_2 .content_2 { clear:both; padding:0px 20px 10px 20px;  color:white; background-color:black; font-size:15px; text-align:justify; }
#body_2 .left { float:left; width:70%; text-align:justify; background:black;}
#body_2 .left .subtitle {font-size:17px;}
#body_2  a {color:#BDC4FF;text-decoration:none;}
#body_2 .left a  img {text-decoration:none;}
#body_2  a  img {text-decoration:none; border:0;}
#body_2  a:hover {text-decoration:underline;}
#body_2  a:visited {text-decoration:none;}
#body_2 .right { float:right; width:30%; background:black; }
#body_2 .right img { border-radius:10px; border:1px solid white; margin-left:20px; }
#body_2 .right a:hover { opacity:.8; }

#footer { font-size:18px; clear:both; width:100%; height:100px; padding:10px 0 10px 0; background:url("http://osmontajes.cl/images/footer_t.png"); color:white; } 
#footer a { color:white; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
						</style>
					</head>
					<body>
						<div id="container">
							<div id="fondo">
								<div id="header_2">
									<div id="headerimgs">
										<div id="headerimg1" class="headerimg"></div>
										<div id="headerimg2" class="headerimg"></div>
									</div>
									<div id="nav-outer" style="height:73px;">
                    <img src="http://www.osmontajes.cl/images/lala.png" /><br />
										<div id="search" style="background:transparent;font-size:22px;color:white;letter-spacing:0px;text-shadow:black 0.1em 0.1em 0.2em;">
											Nuevo mensaje
										</div>
										<div id="navigation"></div>
									</div>
								</div>
								<div id="body_2" style="padding-top:0;">
									<div class="container">
										<div class="box_2">
											<div class="title_2">
													<b>El mensaje fue enviado por '. $_POST['nombre'] .' de e-mail <a href="mailto:'.$_POST['mail'].'">'.$_POST['mail'].'</a> el '.date("d/m/Y \a \l\a\s H:i:s").' hrs. <br /><br />Dice: </b>
											</div>
											<div class="content_2">	
												<br />
												"' . $_POST['mensaje'] . '"	
												<br /><br />
											</div>		
										</div>
									</div>
								</div>
								<br />
								<div style="height:45px;clear:both;"></div>
								<div id="footer">
									<div align="center">
										<a href="http://www.osmontajes.cl/">Ir al sitio web</a>
									</div>
								</div>
							</div>
						</div>
					</body>
				</html>';

			// Para enviar un correo HTML mail, la cabecera Content-type debe fijarse
			$cabeceras  = 'MIME-Version: 1.0' . "\r\n";
			$cabeceras .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

			// Cabeceras adicionales
			$cabeceras .= 'Para: Orlando Salvo <orlandosalvo@yahoo.com>' . "\r\n";
			$cabeceras .= 'De: '.$_POST['nombre'].' <'.$_POST['mail'].'>' . "\r\n";
			// Mail it
			mail($para, $titulo, $mensaje, $cabeceras,'-f'.$_POST['mail'].''); ?>
			<?php } ?>
			$().ready(function() {
				$("#contacto").validate({
					rules: {
						nombre: { 
							required: true,
							maxlength: 50,
							minlength: 2
						},
						mail: { 
							required: true, 
							email: true 
						},
						mensaje: { 
							required: true,
							maxlength: 2000,
							minlength: 5
						}
					},
					messages: {
						nombre: {
							required: " <span style='color:#FF9292'>Debe ingresar un nombre.</span>",
							maxlength: " <span style='color:#FF9292'>No puede ingresar m&aacute;s de {0} caracteres.</span>",
							minlength: " <span style='color:#FF9292'>Tiene que ingresar a lo menos {0} caracteres.</span>"
						},
						mail: {
							required: " <span style='color:#FF9292'>Debe ingresar un E-mail.</span>",
							email: " <span style='color:#FF9292'>Ingrese un E-mail v&aacute;lido.</span>"
						},
						mensaje: {
							required: " <span style='color:#FF9292'>Debe ingresar un mensaje.</span>",
							maxlength: " <span style='color:#FF9292'>No puede ingresar m&aacute;s de {0} caracteres.</span>",
							minlength: " <span style='color:#FF9292'>No puede ingresar m&aacute;s de {0} caracteres.</span>",
						}
					}
				});
			});
		</script>
		
		<style type="text/css">
			#contacto label.error {
				margin-left: 10px;
				width: auto;
				display: inline;
			}
		</style>
		
		<script type="text/javascript">
			$(function() {

				//	Basic carousel, no options
				$('#foo0').carouFredSel();
				$('#foo1').carouFredSel();
				$('#foo2').carouFredSel();
			
			});
		</script>

		<style type="text/css" media="all">
			.wrapper {
			padding-left:5px;
				width: 200px;
			}
			.list_carousel {
				margin: auto;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				border: 5px solid #999;
				box-shadow: 5px 5px 5px #999;
				width: 260px;
				height: 260px;
				padding: 0;
				
				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			textarea {
				
			}
		</style>
		<script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
   	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		margin:auto;
		width: 900px;
	}
	#gallery ul { list-style: none; padding-top:25px; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
		text-decoration:none;
	}
	#gallery ul a:hover { color: #fff; }
	</style>
		<link rel="shortcut icon" href="/images/favicon.ico" />
	</head>
	<body>
		<div id="container">
		
		<?php $fondo1="";$fondo2=""; 
			if((isset($_GET['id'])&&$_GET['id']=='inicio')||(!isset($_GET['id'])||empty($_GET['id'])))
				$header="header";
			else{
				$header="header_2";
				$fondo1='<div id="fondo">';
				$fondo2='</div>';
			}
		  ?>
		  <?php echo $fondo1; ?>
			<div id="<?php echo $header; ?>">
			<!-- jQuery handles to place the header background images -->
			<?php if(isset($_GET['id'])&&$_GET['id']=='inicio'||!isset($_GET['id'])||empty($_GET['id'])){ ?>
				<div id="headerimgs">
					<div id="headerimg1" class="headerimg"></div>
					<div id="headerimg2" class="headerimg"></div>
				</div>
				<?php } ?>
			<!-- Top navigation on top of the images -->
				<div id="nav-outer">
					<div id="navigation">
						<div id="search">
						<!-- <form>
								<input type="text" id="searchtxt" />
								<input type="submit" value="search" id="searchbtn" />
							</form> -->
						<!-- Búsqueda Google -->
							<form method="get" action="http://www.google.com/search">
								<input type="hidden" name="ie" value="utf-8" />
								<input type="hidden" name="oe" value="utf-8" />
								<table>
									<tr>
										<td><input type="text" name="q" size="31" maxlength="255" value="" /></td>
										<td><input type="submit" name="search" id="searchbtn" value="Buscar" /></td>
									</tr>
									<tr>
										<td>
											<input type="hidden" name="domains" value="http://www.osmontajes.cl/" />
											<input type="radio" name="sitesearch" value="" /> <span class="type_site" > Google </span> &nbsp; &nbsp;
											<input type="radio" name="sitesearch" value="http://www.osmontajes.cl/" checked="checked" /> <span class="type_site"> En este sitio </span>
										</td> 
									</tr>
								</table>
							</form>
						<!-- Búsqueda Google -->
						</div>
						<div id="menu">
							<ul>
								<li><a href="/">Inicio</a></li>
								<li><a href="/?id=nosotros">Acerca de Nosotros</a></li>
								<li><a href="/?id=productos">Nuestros Productos</a></li>
                                                                <li><a href="/?id=contacto">Contacto</a></li>	
							</ul>
						</div>
					</div>
				</div>
				<?php if(isset($_GET['id'])&&$_GET['id']=='inicio'||!isset($_GET['id'])||empty($_GET['id'])){ ?>
				<!-- Slideshow controls -->
				<div id="headernav-outer">
					<div id="headernav">
						<div id="back" class="btn"></div>
						<div id="control" class="btn"></div>
						<div id="next" class="btn"></div>
					</div>
				</div>
				<!-- jQuery handles for the text displayed on top of the images -->
				<div id="headertxt">
					<p class="caption">
						<span id="firstline"></span>
						<a href="#" id="secondline"></a>
					</p>
				<!--<p class="pictured">
					Pictured:
					<a href="#" id="pictureduri"></a>
					</p>-->
				</div>
				<?php } ?>
			</div>	